import Vue from 'vue'
import VueRouter from 'vue-router'
import RecommendView from '../views/RecommendView'
// import TabNav from '../components/TabNav.vue'
import "../assets/rest.css"

Vue.use(VueRouter)

const routes = [{
    path: "/",
    component: RecommendView,
  },
  {
    path: "/hot",
    name: "hot",
    component: () => import('@/views/HotView.vue')

  },
  {
    path: "/songlist/:listid",
    name: "songlist",
    props: true,
    component: () => import('@/views/SongList.vue'),
    meta: {
      hideNav: true,
    }
  },
  {
    path: "/search",
    name: "search",
    component: () => import('@/views/SearchView.vue')
  },
  {
    path: "/singer/:singerid",
    name: "singer",
    props: true,
    component: () => import('@/views/SingerView.vue')
  },

]

const router = new VueRouter({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes
})

export default router